<template>
	<view>
		<view class="success">
			<image src="https://cdn3.axureshop.com/demo/2116044/images/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F/u1737.png" mode=""></image>
			<text>充值成功</text>
			<text>充值金额：￥{{sum}}</text>
		</view>
		<view class="back" @click="back">
			返回
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				sum:''
			}
		},
		methods: {
			back(){
				uni.navigateBack()
			}
		},
		onLoad:function(option){
			this.sum=option.sum
		}
	}
</script>

<style>
	/* .nav{
		width: 690rpx;
		padding: 75rpx 50rpx 20rpx 30rpx;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
	}
	.nav image{
		width: 20rpx;
		height: 32rpx;
	}
	.nav text{
		width: 650rpx;
		display: inline-block;
		text-align: center;
	} */
	.success{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		width: 750rpx;
		height: 250rpx;
		margin: 150rpx 0 70rpx 0;
	}
	.success image{
		width: 112rpx;
		height: 112rpx;
	}
	.success text:nth-child(3){
		color: #666;
	}
	.back{
		width: 690rpx;
		height: 90rpx;
		margin: 0 auto;
		border-radius: 45rpx;
		border: 1px solid rgba(247, 114, 20, 1);
		text-align: center;
		line-height: 90rpx;
		color: #F77214;
	}
</style>
